<template>
	<view class="">
		<view class="header-item flex-between">
			<view class="flex-alignItems-center" @click="$tools.navigateTo('/pages/login/login')">
				<image class="img-120 border-radius50" src="../../static/logo.png" mode=""></image>
				<view class="margin-left20">
					<view class="fontSize-15 color-fff">lin</view>
					<view class="fontSize-15 color-fff">ID:123213</view>
				</view>
			</view>
			<view class="flex-justAliCenter-column">
				<view class="fontSize-15 color-fff margin-bottom20">500</view>
				<view class="fontSize-15 color-fff">当前累计亩数</view>
			</view>
		</view>

		<view class="padding-30">
			<view class="bg-fff padding-30 border-radius20">
				<view class="flex-between f-divider1 padding-bottom30 margin-bottom30" v-for="(item,index) in list"
					:key="index" @click="goToUrl(item.path)">
					<view class="flex-alignItems-center">
						<image class="img-17" :src='item.image' mode=""></image>
						<view class="fontSize-15 color-000 margin-left20">{{item.name}}</view>
					</view>
					<u-icon name="arrow-right" color="#666666" size="20"></u-icon>
				</view>
				<view class="flex-between" @click="$tools.navigateTo('/pages/mine/mine-list/kefu')">
					<view class="flex-alignItems-center">
						<u-icon name="server-fill" color="#00BAAD" size="25"></u-icon>
						<view class="fontSize-15 color-000 margin-left20">联系客服</view>
					</view>
					<u-icon name="arrow-right" color="#666666" size="20"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						name: '个人资料',
						image: '../../static/images/13.png',
						path: '/pages/mine/mine-list/person-data1'
					},
					{
						name: '我的钱包',
						image: '../../static/images/14.png',
						path: '/pages/mine/mine-list/news-wallet'
					},
					{
						name: '设备管理',
						image: '../../static/images/15.png',
						path: '/pages/mine/mine-list/equipment-management'
					},
					{
						name: '视频教程',
						image: '../../static/images/16.png',
						path: '/pages/mine/mine-list/video-tutorials'
					},
					{
						name: '用户协议',
						image: '../../static/images/17.png',
						path: '/pages/mine/mine-list/agreement'
					},{
						name: '隐私协议',
						image: '../../static/images/18.png',
						path: '/pages/mine/mine-list/agreement'
					},
					{
						name: '关于我们',
						image: '../../static/images/19.png',
						path: '/pages/mine/mine-list/agreement'
					},
					{
						name: '系统设置',
						image: '../../static/images/20.png',
						path: '/pages/mine/mine-list/system-settings'
					},
				]
			}
		},
		methods: {
			goToUrl(path) {
				this.$tools.navigateTo(path)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.img-17 {
		width: 40rpx;
		height: 42rpx;
	}

	.header-item {
		width: 92%;
		height: 240rpx;
		padding: 30rpx;
		background: #00BAAD;
		border-radius: 0px 0px 30rpx 30rpx;
	}
</style>